<template>
	<div>
		<!-- 模块化开发：模块就是指单独的文件 -->
		<Header></Header>
		<Main></Main>
		<Footer></Footer>
	</div>
</template>

<script>
// 使用其他的组件：01 import引入
import Header from './Header.vue'
import Main from './Main.vue'
import Footer from './Footer.vue'

export default {
	// 02. 挂载子组件到当前组件上
	components: { Header, Main, Footer },
}
</script>